UI设计：不可不看的2018年UI设计趋势（上）

设计趋势往往会受到当今主流媒体、技术的发展、时尚趋势等等影响，设计趋势一般是慢慢形成的，循序渐进的。当然，随着时间的交替也会以同样新旧交替的形式变得落后。

2018年的设计趋势将继续延续2017的设计形式，同时也增加了许多新的方式，下面我们就一起来说一说。

先来看一下整体目录：

一、扁平化、极简主义设计依然是主流

扁平化相信大家已经很熟悉了，概念的核心意义是：去除冗余、厚重和繁杂的装饰效果，倡导简单、清晰、空间、留白等，突出核心的设计元素。目前很多App都开始去除多余的线条，通过间距来拉开关系；去icon化也是一种趋势，开始流行；这些设计行为目的都是为了让用户使用时更为直观和更有目的性，令人满意的审美趋势也让极简的UI设计拥有良好的用户体验。

二、更大更粗的字体、留白更多

相信你们很多人已经升级了iPhone新系统，随着ios11的发布，新的设计趋势也随之流行开来。如果你熟悉Material Design（以下简称MD）的话，ios和Android在设计上正慢慢的靠近。在扁平化设计中，文字排版影响着信息层级展示的清晰与否，通过文字的字号、字重、间距、颜色等对比去建立出清晰的信息层级，而不用太多的装饰元素。

同样的，Airbnb也采用了粗标题设计。大标题文本包含一组带有图片和描述的文字，文字之间保持较大的留白，看起来它们互不干扰，又不会令界面看上去显得松散，因而带给用户非常轻松的浏览体验。

（对于一些国内的电商App，我个人猜测采用这种设计方式的可能性较小，因为对于这些应用，页面内的位置相对寸土寸金，应该不会用大字体来浪费空间）

三、页面icon的3种设计趋势

1.icon图标的变化 由线转面

自ios7开始，苹果规范了2px的线性图标；到了ios10中，线性图标的选中状态变成背景填充样式；而在现在的ios11中，采用了面性图标，未选中和选中状态只有颜色上的区分，并且图标更加圆润，目前这种设计，国外的app用的比较多，国内还相对比较少见，采用ios10的样式较多。

2.给icon图标加上动效，更加有趣味

目前很多app已经给页面底部标签栏的icon加上微动效，这类动效起到的是画龙点睛的作用，不太会被注意，察觉到会让用户觉得很有趣味，比如阿里的淘宝、菜鸟裹裹…我觉得鹅厂的QQ做的最有意思，底部标签栏icon不仅有微动效，而且icon的笑脸会自动转向看向被点击的一侧，并且长按icon移动时它也会根据手指的方向转动，十分有意思，符合当下95后00后的用户心态。

3.icon的细节刻画越来越重要

目前icon的设计已经不单单只满足于简洁易懂为前提，同时细节的设计也十分重要。在色彩上可以加以渐变，线性图标也可以加以色彩的对比等等，会显得icon是精心设计过的，带给用户的感受也会上一个档次。需要学习软件的同学，大家可以百度搜索锦子会，去锦子会博客下载更多学习资源！如想要了解我的，请百度搜索罗锦，欢迎了解更多我的设计之路！

四、卡片+投影相结合

ios11中采用了大圆角卡片设计，它不再像过去MD中的小圆角那样呆板，大圆角让设计更加轻快大气。相信大家已经看到了很多卡片都使用了投影这一手法，轻微的、似有似无的投影，不会被用户立即察觉，但是会给设计增加深度，形成层叠的关系，更加醒目，可以更好的抓住用户的注意力。

五、渐变色当然依旧十分流行

渐变色是今年最大的趋势之一，开始于16年，Instagram将自己的logo改变成渐变色，这一趋势便开始流行，国内的App也开始效仿，目前淘宝、QQ等状态栏就是使用自己的品牌色进行渐变。在设计渐变色的时候，要做到色彩的过渡柔和，颜色明快，避免生硬，可以有效的提升用户体验。需要学习软件的同学，大家可以百度搜索锦子会，去锦子会博客下载更多学习资源！如想要了解我的，请百度搜索罗锦，欢迎了解更多我的设计之路！

想系统学习我们的UI设计全能班课程的同学请点击下面》如何正确学习UI设计

更多精彩：

你们会教到什么软件呢？

我们的课程中主要会讲到 4 款软件，

分别是 Photoshop，Illustrator，After Effects，Axure RP 8。

简称，PS，AI，AE，ARP 软件。

PS 主要用于制作 UI 设计中界面和图标设计，也可以对 UI 中的一些广告页进行设计。

AI 主要用于制作 UI 设计中的图标设计，也可以对 UI 中的一些引导页的插画图进行设计。

AE 主要用于制作 UI 设计中的交互动效，在现今的 UI 产品中很多都是需要用动效的。

ARP 主要用于制作 UI 设计中的原型图，线框图，流程图的设计。

学历低可以学习吗？

可以，一般 UI 设计工作的公司都为互联网公司，互联网公司卡能力严格一些，学历相对较低，不像传统企业卡的很严格，一般大型互联网公司有大专学历就行了，小型互联网公司有初中毕业就可以了。如果你有足够好的作品，就算学历真的是初中也是可以去大型互联网公司的。而且学历其实也可以提升的，通过成人高考，远程教育，自考等方式都可以提升。

其它行业都是在六七千左右， 所以大家想学UI设计的，想转行的，想提升自己工资的， 现在是最好的时机， 抓紧时间开始学习，不要再等下去了。 再等下丟行业将会和你不再有缘份。

▲各个行业的对比

UI设计全能就业班2999元学费

包含课程：

UI设计基础班+UI设计案例班+UI视觉设计班+UI交互设计班+UI动效网页就业班

包含软件：

PS AI AE ARP MarkMan Xmind Cutterman

包含内容：

色彩 版式 切图 心理学 规范 切图 适配

三大构成 图标设计 界面设计 手绘 动效设计 

Banner设计 电商设计原型图设计 

UE 交互逻辑 素描 作品集制作 就业指导 思维导图 

头脑风暴 产品思维 工作流程 专题活动页 网页设计

包含课时：

直播130节+录播500节+直播回放400节

（课程合计时长超过500小时）

如果打算学习我们的UI设计课程，

报名请直接添加

老师微信号：5032692

备注：报名UI设计课程

如果2999真的一下拿不出来也没有关系，

也可以分期报名学习，用蚂蚁花呗或信用卡

分期每个月只要200多即可。

每天上午十点更新哦

精彩回顾： 

往期回顾：

(责任编辑：钟小英)

赞赏作者

罗锦

微博：罗锦V

扫一扫，每天学点设计

想学PS又很懒？【10G】省时教程和资源免费送！

每天学点设计·点缀生活色彩

PS｜摄影｜设计｜视觉｜艺术｜创意

微信ID：luojin05100

长按二维码关注，每天学点PS

如果喜欢我们的文章，可以顶置公号哦~